/**
* 功能描述：颜色选择器
* @author jin xiaohang
*
* @date 2022/9/27 10:35
* @version 1.0
*/
<template>
    <div class="yw-color-picker-drop-down">
        <div class="yw-color-picker-drop-down-main">
            <div class="yw-color-picker-drop-down-main-left">
                <div class="yw-color-picker-drop-down-main-left-panel-white"></div>
                <div class="yw-color-picker-drop-down-main-left-panel-black"></div>
                <div class="yw-color-picker-drop-down-main-left-slider">
                    <div></div>
                </div>
            </div>
            <div class="yw-color-picker-drop-down-main-right">
                <div class="yw-color-picker-drop-down-main-right-bar"></div>
                <div class="yw-color-picker-drop-down-main-right-slider"></div>
            </div>
        </div>
        <div class="yw-color-picker-drop-down-middle">
            <div class="yw-color-picker-drop-down-main-middle-bar"></div>
            <div class="yw-color-picker-drop-down-main-middle-slider"></div>
        </div>
        <div class="yw-color-picker-drop-down-footer">
            <input class="yw-color-picker-drop-down-footer-input"  type="text" />
            <button type="button" class="yw-color-picker-drop-down-footer-cancel-button">
                <span>清空</span>
            </button>
            <button type="button" class="yw-color-picker-drop-down-footer-confirm-button">
                <span>确认</span>
            </button>
        </div>
    </div>
    <div class="yw-color-picker">
        <div class="yw-color-picker-select">
            <span class="yw-color-picker-select-panel">
                <span class="yw-color-picker-select-panel-inner"></span>
            </span>
            <span class="yw-color-picker-select-down"></span>
        </div>
    </div>
</template>

<script>
export default {
    name: "YwColorPicker"
}
</script>

<style scoped>

</style>